<template>
    <div class="home_content">
      <!-- 轮播图区域 -->
           <spire :lunbitu="nlist"></spire>
      <!-- 六宫格区域  -->
       <ul class="mui-table-view mui-grid-view mui-grid-9">
		    <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><router-link to="/home/newlist">
		        <span class="mui-icon mui-icon-home"></span>
		        <div class="mui-media-body">新闻资讯</div></router-link></li>
		    <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><router-link to="/home/piclist">
		        <span class="mui-icon mui-icon-email"></span>
		        <div class="mui-media-body">图片分享</div></router-link></li>
		    <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><router-link to="/home/shop">
		        <span class="mui-icon mui-icon-chatbubble"></span>
		        <div class="mui-media-body">商品购买</div></router-link></li>
		    <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="#">
		        <span class="mui-icon mui-icon-location"></span>
		        <div class="mui-media-body">留言反馈</div></a></li>
		    <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="#">
		        <span class="mui-icon mui-icon-search"></span>
		        <div class="mui-media-body">视频专区</div></a></li>
		    <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="#">
		        <span class="mui-icon mui-icon-phone"></span>
		        <div class="mui-media-body">联系我们</div></a></li>
		    <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="#">
		        <span class="mui-icon mui-icon-gear"></span>
		        <div class="mui-media-body">思维导图</div></a></li>
		    <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="#">
		        <span class="mui-icon mui-icon-info"></span>
		        <div class="mui-media-body">用户体验</div></a></li>
		</ul> 
    </div>
</template>
<script>
//按需导入Toast组件
import {Toast} from 'mint-ui'
import spire from '../subcomponents/spire.vue'
export default {

    data(){
        return {
            nlist:[]
        }
	},
	created(){
		this.getjpg()
	},
    methods:{
     getjpg(){
		 this.$http.get('http://localhost:3030').then(result=>{
			 var pic=JSON.parse(result.bodyText)
			 if(pic.status===0){
				this.nlist=pic.message
			 }else{
				 Toast("没找到图片")
			 }
		 })
	 }
	},
	components:{
		spire
	}
    
}
</script>
<style scoped>
.home_content{
	padding-top: 40px;
}
.mui-grid-view.mui-grid-9{
    background-color: #fff;
    border-top: 0;
}
.mui-grid-view.mui-grid-9 .mui-table-view-cell{
    border:0;
}
.mint-swipe-item:nth-child(1){
    background: rgb(16, 119, 62);
}
.mint-swipe-item:nth-child(2){
    background: rgb(189, 114, 17);
}
.mint-swipe-item:nth-child(3){
    background: rgb(248, 61, 201);
}

</style>


